<!--
 * @description: 
 * @Author: FengKongLi
 * @Date: 2022-07-25 14:55:04
 * @LastEditors: FengKongLi
 * @LastEditTime: 2022-09-13 10:37:11
-->
<template>
  <div>
    <Row>
      <Col span="8">
        <Menu :theme="theme" accordion mode="vertical">
          <MenuItem :name="item.name" v-for="item in navData" :key="item.name">
            <router-link :to="item.to"> {{ item.itemName }}</router-link>
          </MenuItem>
        </Menu>
      </Col>
    </Row>
  </div>
</template>
<script>
import navData from "../../public/data/navigationBar/index.json";
export default {
  data() {
    return {
      theme: "dark",
      navData: navData,
    };
  },
  created() {},
  methods: {},
};
</script>
<style scoped>
a {
  display: block;
  color: white;
}
</style>
